<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div class="pa">
    <div class="a">
        <p ><span >杨某人</span> 同学：</p>
        <p >在第五届中国程序猿吐槽大会上，过关</p>
        <p>斩将，荣获大会“一等奖”。</p>
        <p>特发此证，以资证明！</p>
        <p >中国程序猿吐槽大会组委会</p>
        <p >2025年12月6日</p>
    </div>
</div>
<div class="pa">
    <div class="c">
        <p><span >杨某人</span>同学：</p>
        <p >在第五届中国程序猿吐槽大会上，过关</p>
        <p>斩将，荣获大会“二等奖”。</p>
        <p>特发此证，以资证明！</p>
        <p >中国程序猿吐槽大会组委会</p>
        <p style="line-height: 1px;">2025年12月6日</p>
    </div>
</div>
<div class="pa">
    <div class="w">
        <p><span  >杨某人</span>同学：</p>
        <p>在第五届中国程序猿吐槽大会上，过关</p>
        <p>斩将，荣获大会“三等奖”。</p>
        <p>特发此证，以资证明！</p>
        <p >中国程序猿吐槽大会组委会</p>
        <p  > 2025年12月6日</p>
    
</div>
</div>
    <style>
        .pa{
            background-image: url(./FlMjgnGwgEc0Dzs0m4kG7VgCByhA.jpg);
            background-repeat: no-repeat;
           background-size: 700px 500px;
            width: 700px;
            height: 500px;
            margin: auto;
            font-size: 1.2rem;
            padding: 10px;
            font-weight: 600;
        

        

        }
        .a{border: 0px red solid;
            width: 700px;
            height: 500px;
            font-family: LiSu ;
           padding: 150px;
        
            
        }

        .c{
            border: 1px red none;
            width: 700px;
            height: 500px;
          padding: 145px;
            font-family:Microsoft Yahei ;
           padding: 145px
            
        }
        .w{
            border: 1px red none;
            width: 700px;
            height: 500px;
        
            font-family:  FangSong;
            padding: 150px;
        }
        p:nth-child(1) span{
            text-decoration: underline;
            font-size: 25px;
        }
        p:nth-child(2){
            text-indent: 35px;
        }
        p:nth-child(4){
            text-indent: 35px;
        }
        p:nth-child(5){
            text-align: right;
            padding-right: 17em;
            
        }
        p:nth-child(6){
            text-align: right;
            padding-right: 18em;
        }

        
          
          

        
    
         
     
           
        
        
        /* 先把p的内外边距清空，设为0 */
      /*  p {

}

.model {
    /* 设成和图一样大，当然也可以缩放，请查阅背景相关属性 */
    
    /* 把背景图设为奖状 */

    /* 居中 */
  /*  margin: 10px auto;

    /* 可能会遇到外边距折叠，用overflow: hidden设置一个BFC来解决 */
    /* 关于外边距折叠，https://blog.csdn.net/lhjuejiang/article/details/79732742 */
  /*  overflow: hidden;
}

/*.content {
    /* 用line-height让行之间有更好的间距 */

    /* 让文字在背景或边框中有内边距，这个其实可以不要 */
    /* padding: 0.5em; */


/* 设第一行:字1.5em，下划线 */
/*.content p:nth-child(1) span {
    

}

/* 设获奖词，首行缩进2个字 */
/*.content p:nth-child(2) {
    
}

/*.content p:nth-child(3) {
    padding-left: 2em;
}

/* 用text-align设置名，靠右对齐 */


/* 用text-align设置时间，靠右对齐，同时，又不靠右太紧，用padding-right缩回1em*/



/* 想办法把内容框设好大小，移动到奖状中间去 */
/*.content {
    /* 先设个背景，以便观察，最后成稿时，可去掉*/
  /*  background-color: rgba(0, 0, 0, .2);
    /* 只设宽度，高度由内容撑开 */

    /* 通过margin让内容去到恰当的位置 */


/* 若想不同奖项用不一样的字体，该如何设置？ 比如一等奖用隶书体二等奖用楷体，三等奖用仿宋，设置一等奖顶层元素，让其子元素继承字体 */
/*.first {
    font-family: LiSu,Georgia, 'Times New Roman', Times, serif;*/


/* 二等奖用微软雅黑 */

/* 三等奖用仿宋 */


      
    </style>
</body>
</html>